

$(function(){

    $('#submit').on('click', function(){
        if(!$('#search_data').val()){
            $.message({
                message:'请输入关键词，再进行搜索！',
                type:'info'
            });
            return
        }
        $.ajax({
            url: '/search',
            type: 'GET',
            data:{
                name: $('#search_data').val()
            }, 
            success: function (res) {
                if(res.data.list.length > 0) {
                    renderList(res.data.list)
                    $('.pagegination-list').hide()
                } else {
                    $.message({
                        message:'没有找到你要的电影',
                        type:'info'
                    });
                }
                
            }
        })
        
    })
    var renderList = function(list){
        
        $('#row').html(list.map(function(item) {
            var res = '<div class="col-sm col-xl-3">' + 
                      '<div class="card" style="width: 18rem;">' +
                      '<div class="card-img">' +
                      '<img class="card-img-top" src="'+ item.pic_url +'" alt="'+ item.name +'" title="'+ item.name +'">' +
                      '</div>' +
                      '<div class="card-body">' +
                      '<h5 class="card-title">'+ item.name +'</h5>' +
                      '<p class="card-text"></p>' +
                      '<a href="/detail?id=' + item.id +'" class="btn btn-dark">下载地址</a>' +
                      '</div>' +
                      '</div>' 
            
            return res
        }))
    }
})